
<template>
	<div class="main-app">
		<keep-alive>
			<router-view v-if="$route.meta.keepAlive"></router-view>
		</keep-alive>
		<router-view v-if="!$route.meta.keepAlive"> </router-view>
	</div>
</template>

<script>
export default {
	name: "mainApp",
	components: {},
};
</script>

<style lang="stylus" scoped>
    .main-app
        width 100%
        min-height 100%
    .fade-transform-enter-active 
        transition all 0.3s ease
    .fade-transform-leave-active 
        transition all 0.3s cubic-bezier(1, 0.5, 0.8, 1)
    .fade-transform-enter,
    .fade-transform-leave-active 
        transform translateX(-430px)
        opacity 0

</style>

